
export const imgerror = {
  // 这一个钩子是用来监听dom插入到页面时触发的事件
  inserted(dom, options) {
    // 之前我们只处理了图片地址显示错误的情况
    // 问题是,如果根本就没有图片, 图片地址为 '' 空字符串
    // 不会触发错误事件
    if (!dom.src) {
      dom.src = options.value
    }

    dom.onerror = function() {
      dom.src = options.value
    }
    // console.log('指令被触发了')
    // console.log(options)
    // 这个指令被是用在图片上
    // 可以接受图片 dom 本身
    // 也可以接受一个备用的图片 options.value
    // 如果 dom.onerror 就将 dom.src = options.value
  },
  componentUpdated(dom, options) {
    // 这里是父组件更新的时候会触发
    if (!dom.src) {
      dom.src = options.value
    }
  }
}

